#body{
    width: 100%;
    height: 100%;
    background: #ccc;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.header{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 66;
    background: #FFFFFF;   
    .left{
        width: 20%;         
        .weixin{
            width: 100%;                      
          img{
            .px2rem(width,70);
            .px2rem(height,60);
            padding: 5%;
        }  
        }               
        
    }
    .center{
        width: 58%;
        p{
            text-align: center;
            .px2rem(font-size,32);
            padding-top: 1%;
        }
    }
    .right{
        width: 22%;
          .sousuo{
            width: 100%;          
            img{             
              .px2rem(width,70);
              .px2rem(height,60);
               padding-top: 5%;
            }   
          }        
          .quan{
               padding-top: 5%;
               padding-right: 2%; 
            img{
               .px2rem(width,50);
               .px2rem(height,40);
               
            }
                                
          } 
                  
    }
}
.neirong{
    width: 94%;   
    background-color:#3da39f;   
    height: 120px;
    position: relative;
    top: 40px;
    left: 3%; 
    border-radius: 6px;   
        h3{
            width: 70%;
           .px2rem(font-size,44); 
           padding-left: 2%;
           color: #FFFFFF;
           position: absolute;
           top: 0;
           left: 0;
         
        }
        p{
            width: 70%;
           .px2rem(font-size,38); 
           padding-left: 2%;
           color: #eee;
           position: absolute;
           top: 40%;
           left: 0; 
        } 
        span{
             position: absolute;
             top: 30%;
             right: 2%;
            img{
               .px2rem(width,40);
               .px2rem(height,50);
            }
        } 
}
.neirong-botm{
    width: 94%;   
    background-color:#3da39f;   
    height: 120px;
    position: relative;
    top: 46px;
    left: 3%; 
    border-radius: 6px;   
        h3{
            width: 80%;
           .px2rem(font-size,44); 
           padding-left: 2%;
           color: #FFFFFF;
           position: absolute;
           top: 0;
           left: 0;
         
        }
        p{
            width: 80%;
           .px2rem(font-size,38); 
           padding-left: 2%;
           color: #eee;
           position: absolute;
           top: 40%;
           left: 0; 
        } 
        span{
             position: absolute;
             top: 30%;
             right: 2%;
            img{
              .px2rem(width,40);
              .px2rem(height,50);  
            }
        } 
}
.tail{
    position: fixed;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
     width: 100%;
    ul{
        display: flex;      
        li{
            width: 20%;          
            padding: 3%;  
            img{
              .px2rem(width,90);
              .px2rem(height,78);
                 
            }
        }
    }
}
















